/* #region头部start */
.ltcms_container, .ltcms_container3 {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.container_title, .container_title3 {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #DCDFE6;
    position: relative;
    font-size: 14px;
}

.title_tab, .title_tab1 {
    display: flex;
    margin: 0;
    width: fit-content;
    height: 100%;
    float: left;
    left: 0;
}

.title_tab li {
    width: 100%;
    height: 100%;
}

.title_tab1 li {
    width: 100%;
    height: 100%;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    line-height: 40px;
    color: #666;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 14px;
}

.title_tab li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    line-height: 40px;
    color: #666;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 14px;
}

.on {
    color: #fff !important;
    background-color: #02a2ff;
}

.ltcms_search {
    width: fit-content;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
    float: right;
    right: 0;
}

.ltcms_search input[type="text"] {
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    height: 28px;
    color: #606266;
    padding: 0 15px;
    outline: 0;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    font-size: 12px;
}

.ltcms_search input[type="text"]:focus {
    border: 1px solid #409eff;
}

.ltcms_search input[type="text"]::-webkit-input-placeholder {  /* WebKit browsers */
    color: #a5a8af;
}

.ltcms_search button {
    background-color: #02a2ff;
    width: max-content;
    height: 28px;
    border: 1px solid #02a2ff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.btn3 {
    background-color: #02a2ff;
    width: max-content;
    height: 28px;
    border: 1px solid #02a2ff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ltcms_search input[type="submit"]:hover {
    opacity: .8;
}

select {
    height: 30px;
    width: 100px;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    margin-right: 0;
    color: #a5a8af;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
}

select:focus {
    border: 0;
    outline: 1px solid #409eff;
}

option {
    color: #606266;
    display: flex;
    align-items: center;
}

.select_box {
    background-color: #02a2ff;
    width: 40px;
    height: 28px;
    border: 1px solid #02a2ff;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.select_box:hover {
    opacity: .8;
}
/* #endregion头部end */

/* #region表格样式一start */
.ltcms_content, .ltcms_content3 {
    width: 100%;
    /* height: calc(100% - 120px); */
    margin-top: 20px;
}

.ltcms_content3 {
    overflow: auto;
}

.ltcms_list {
    width: 100%;
    max-height: 100%;
    overflow: auto;
}

.ltcms_list3 {
    width: 100%;
    max-height: 100%;
}

.list_table, .list_table4 {
    width: 100%;
    border-collapse: collapse;
}

.list_table tr {
    border-bottom: 1px solid #eee;
}

.list_table tr:hover, .list_table4 tr:hover {
    background-color: #f1f1f1;
}

.list_table tr:first-child, .list_table4 tr:first-child {
    background-color: #f9f9f9;
}

.list_table tr td, .list_table4 tr td {
    padding: 9px 15px;
    font-size: 13px;
    border: 1px solid #eee;
    color: #333;
}

.btn4-img {
    font-size: 20px !important;
    margin-right: 5px;
    cursor: pointer;
    color: #858796;
}

.del {
    color: red;
}

.banben {
    font-size: 22px !important;
}

.name1 {
    height: 100%;
    display: flex;
    align-items: center;
}

.name1 img {
    width: 25px;
    height: 25px;
}

.introduce {
    border: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.intro-info {
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.introduce p {
    font-size: 12px;
    color: #858796;
}

.author {
    color: #02a2ff;
    cursor: pointer;
}

.th {
    border: 1px solid #eee;
    background-color: #f9f9f9;
    color: #333 !important;
    width: max-content;
    font-size: 14px !important;
    position: sticky;
    top: 0px;
    text-align: left;
    z-index: 3;
}

.btn {
    color: #2486ff;
    cursor: pointer;
}

.img {
    width: 40px;
    height: 40px;
}

.img img {
    width: 100%;
    height: 100%;
}
/* #endregion表格样式一end */

/* #region表格样式二start */
.list_ul {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 5px;
    display: grid;
    grid-template-columns: repeat(3, 32%);
    grid-gap: 20px;
}

.ul-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: 0 1px 8px -2px rgba(0,0,0,.2);
    margin: 0 1% 1.2% 0;
}

.ul-top {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}

.ul-left {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}

.ul-left img {
    width: 100%;
    height: 100%;
}

.ul-right {
    flex: 1;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
}

.ul-right h3 {
    font-weight: normal;
    font-size: 16px;
    color: #333;
    margin: 0;
}

.intro {
    width: 100%;
    font-size: 12px;
    color: #b2b2b2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.price {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.ul-bottom {
    width: 100%;
    font-size: 14px;
    height: 36px;
    text-align: center;
    border-top: 1px solid rgba(238, 238, 238, 1);
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

.bottom-item {
    color: #2F80ED;
    cursor: pointer;
    -webkit-user-select: none;
}

.enbaled {
    color: #2F80ED;
}

.disabled {
    color: #999 !important;
}
/* #endregion表格样式二end */

/* #region表格样式三star */
.child-class, .quick {
    width: 100%;
    height: 40px;
    background-color: #f9f9f9;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.child-class h4, .quick h4 {
    font-size: 14px;
}

.quick {
    margin-top: 20px;
    border-bottom: 1px solid #eee;
}

.t3 {
    height: fit-content !important;
}

.child-class a{
    font-size: 13px;
    color: #2486ff;
}

.t3-number, .t3-text {
    width: 45px;
    height: 28px;
    padding-left: 5px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    outline: 0;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    font-size: 13px;
}

.t3-number:focus {
    border: 1px solid #409eff;
}

.t3-text {
    width: 150px;
}

.t3-text:focus {
    border: 1px solid #409eff;
}

.t3-classname {
    display: flex;
    align-items: center;
    gap: 10px;
}

.t3-text.short {
    width: 35px;
}

.quick-control {
    width: 100%;
    padding: 20px 10px;
    box-sizing: border-box;
    display: flex;
    gap: 20px;
}

.quick-control select {
    width: 200px;
    height: 220px;
    border: 1px solid #999;
    padding: 6px;
}

.quick-btns {
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.quick-btns button {
    box-sizing: border-box;
    width: 80px;
    height: 30px;
    background-color: #fff;
    color: #606266;
    border: 1px solid #DCDFE6;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 13px;
}

.quick-btns button:hover {
    color: #409eff;
    background-color: #ecf5ff;
    border: 1px solid #c6e2ff;
}

.quick-control option {
    height: 20px;
    font-size: 12px;
}
/* #endregion表格样式三end */

/* #region表格样式四start */
.t4-number, .t4-text {
    width: 80px;
    height: 28px;
    padding-left: 5px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    outline: 0;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
}

.t4-number:focus {
    border: 1px solid #409eff;
}

.t4-btns {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.t4-btns button {
    box-sizing: border-box;
    padding: 5px 15px;
    background-color: #fff;
    color: #606266;
    border: 1px solid #DCDFE6;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
}

.t4-btns button:hover {
    color: #409eff;
    background-color: #ecf5ff;
    border: 1px solid #c6e2ff;
}

.list_table4 tr td {
    text-align: center;
}

.list4-btns {
    margin-bottom: 10px;
}

.list4-btns button {
    box-sizing: border-box;
    padding: 5px 15px;
    background-color: #fff;
    color: #606266;
    border: 1px solid #DCDFE6;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
}

.list4-btns button:first-child {
    background-color: #67c23a;
    border: 1px solid #67c23a;
    color: #fff;
}

.list4-btns button:hover {
    color: #409eff;
    background-color: #ecf5ff;
    border: 1px solid #c6e2ff;
}

.list4-btns button:first-child:hover {
    background-color: #67c23a;
    border: 1px solid #67c23a;
    color: #fff;
    opacity: .8;
}
/* #endregion表格样式四end */

/* #region屏幕滚动条start */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background: #cccccc91;
    border-radius: 5px;
}
/* #endregion屏幕滚动条end */

/* #region底部start */
.ltcms-footer {
    width: calc(100% - 170px);
    height: 35px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    right: 0;
    transition: width .5s;
    color: rgb(118, 131, 143);
    box-sizing: border-box;
    padding: 0 20px;
    display: flex;
    align-items: center;
    border-top: 1px solid rgb(228, 234, 236);
    font-size: 14px;
}
/* #endregion底部end */

/* #region修改密码start */
.tips {
    box-sizing: border-box;
    width: 320px;
    height: max-content;
    color: red;
    display: none;
    margin: 0;
    font-size: 13px;
}

.ltcms-reset {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: none;
    align-items: center;
    justify-content: center;
    transition: all .4s;
    opacity: 0;
    z-index: 10;
}

.reset-container {
    width: 480px !important;
    height: 300px !important;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 8px #999;
}

.reset-title {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
}

.reset-title span {
    font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;
    font-size: 16px;
}

.reset-title img {
    width: 20px;
}

.reset-title img:hover {
    cursor: pointer;
}

.reset-content {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reset-content form {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #666;
}

.reset-content form div {
    margin: 10px 0;
}   

.reset-content form input {
    border: solid 1px #d1d4da;
    width: 320px;
    height: 30px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 16px;
    outline: none;
}

/* .reset-content form input:focus {
    border: 1px solid skyblue;
    box-shadow: 0 0 5px skyblue;
} */

.reset-button {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

.reset-button button {
    width: 70px;
    height: 40px;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

.reset-button button:hover {
    opacity: .8;
}

#submit {
    background-color: #1880FE;
    color: #fff;
}

#cancel {
    border: 1px solid #ddd;
}

#cancel:hover {
    color: #1880FE;
}

/* #endregion修改密码end */

.display {
    display: none;
}